<!DOCTYPE html>
<html lang="en">
  <head>
  
    <link href="assets/css/bootstrap.css" rel="stylesheet">

  </head>

  <body>
 
 

  
          <div class="bs-docs-example tooltip-demo">
            <ul class="bs-docs-tooltip-examples">
              <li><a href="#" rel="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</a></li>
              <li><a href="#" rel="tooltip" data-placement="right" title="Tooltip on right">Tooltip on right</a></li>
              <li><a href="#" rel="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</a></li>
              <li><a href="#" rel="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</a></li>
            </ul>
          </div>



    <!-- Le javascript
    ================================================== -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script> 
    <script src="assets/js/bootstrap-tooltip.js"></script>

    <script>


  $(function(){
 

    $(window).tooltip({
      selector: "a[rel=tooltip]"
    })


   

  })


    </script>



  </body>
</html>
